<template>
    <div class="head">
       <span class="iconfont city">&#xe629;</span>
       <div class="search">
           <span class="iconfont play">&#xe71e;</span>
           <p>输入游玩的景点和城市</p>
       </div>
       <span class="iconfont city">城市&#xe63c;</span>
    </div>
</template>
<script>
export default {
    name:"HomeHead"
}
</script>
<style lang="scss" scoped>
.head{
    width: 100%;
    height:50px;
    background: skyblue;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.city{
    color: white;
}
.search{
    width: 40%;
    height:20px;
    display: flex;
    background: white;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding: 5px;
}
p{
    margin-left: 10px;
    margin-bottom: 4px;
    font-size: 12px;
    color: #ccc;
}
.play{
    color: #ccc;
}
</style>
